<script>
import {checkLogin} from './libs/login';
import {HTTP_REQUEST_URL} from './config/app';
import {LOGIN_STATUS} from "./config/cache.js"
import {getShopConfig, silenceAuth, getLogo} from '@/api/public';
import {silenceBindingSpread} from '@/utils';
import Auth from '@/libs/wechat.js';
import Routine from './libs/routine.js';
import {colorChange, copyRight} from '@/api/api.js';
import {getUserInfo} from "@/api/user.js"
import {mapGetters} from "vuex"
// #ifdef MP
// let livePlayer = requirePlugin('live-player-plugin')
// #endif
let green =
    '--view-theme: #42CA4D;--view-priceColor:#FF7600;--view-minorColor:rgba(108, 198, 94, 0.5);--view-minorColorT:rgba(66, 202, 77, 0.1);--view-bntColor:#FE960F;--view-gradient:#4DEA4D'
let red =
    '--view-theme: #e93323;--view-priceColor:#e93323;--view-minorColor:rgba(233, 51, 35, 0.5);--view-minorColorT:rgba(233, 51, 35, 0.1);--view-bntColor:#FE960F;--view-gradient:#FF7931'
let blue =
    '--view-theme: #1DB0FC;--view-priceColor:#FD502F;--view-minorColor:rgba(58, 139, 236, 0.5);--view-minorColorT:rgba(9, 139, 243, 0.1);--view-bntColor:#22CAFD;--view-gradient:#5ACBFF'
let pink =
    '--view-theme: #FF448F;--view-priceColor:#FF448F;--view-minorColor:rgba(255, 68, 143, 0.5);--view-minorColorT:rgba(255, 68, 143, 0.1);--view-bntColor:#282828;--view-gradient:#FF67AD'
let orange =
    '--view-theme: #FE5C2D;--view-priceColor:#FE5C2D;--view-minorColor:rgba(254, 92, 45, 0.5);--view-minorColorT:rgba(254, 92, 45, 0.1);--view-bntColor:#FDB000;--view-gradient:#FF9451'
let gold =
    '--view-theme: #E0A558;--view-priceColor:#DA8C18;--view-minorColor:rgba(224, 165, 88, 0.5);--view-minorColorT:rgba(224, 165, 88, 0.1);--view-bntColor:#1A1A1A;--view-gradient:#FFCD8C'
export default {
  globalData: {
    spid: 0,
    code: 0,
    isLogin: false,
    userInfo: {},
    MyMenus: [],
    globalData: false,
    isIframe: false,
    tabbarShow: true,
    windowHeight: 0
  },
  computed: mapGetters(['isLogin', 'cartNum']),
  watch: {
    isLogin: {
      deep: true, //深度监听设置为 true
      handler: function (newV, oldV) {
        if (newV) {
          // this.getCartNum()
        } else {
          this.$store.commit('indexData/setCartNum', '')
        }
      }
    },
    cartNum(newCart, b) {
      this.$store.commit('indexData/setCartNum', newCart + '')
      if (newCart > 0) {
        uni.setTabBarBadge({
          index: 2,
          text: newCart > 99 ? '99+' : newCart + ''
        })
      } else {
        uni.hideTabBarRedDot({
          index: 2
        })
      }
    }
  },
  onShow(options) {
    const queryData = uni.getEnterOptionsSync(); // uni-app版本 3.5.1+ 支持
    if (queryData.query.spread) {
      this.$Cache.set('spread', queryData.query.spread);
      this.globalData.spid = queryData.query.spread;
      this.globalData.pid = queryData.query.spread;
      silenceBindingSpread(this.globalData);
    }
    if (queryData.query.spid) {
      this.$Cache.set('spread', queryData.query.spid);
      this.globalData.spid = queryData.query.spid;
      this.globalData.pid = queryData.query.spid;
      silenceBindingSpread(this.globalData);
    }
    // #ifdef MP
    if (queryData.query.scene) {
      let param = this.$util.getUrlParams(decodeURIComponent(queryData.query.scene));
      console.log(param, 'param');
      if (param.spid) {
        this.$Cache.set('spread', param.spid);
        this.globalData.spid = param.spid;
      }
      /** 直播间分享**/
      // const sceneList = [1007, 1008, 1014, 1044, 1045, 1046, 1047, 1048, 1049, 1073, 1154, 1155];
      //  if (sceneList.includes(queryData.query.scene)) {
      // 	livePlayer.getShareParams().then(res => {
      // 			//记录推广人uid
      // 			if(res.custom_params.pid){
      // 				 this.$Cache.set('spread', res.custom_params.pid);
      // 				 this.globalData.spid = res.custom_params.pid;
      // 			}
      // 		}).catch(err => {
      // 		})
      // }
      silenceBindingSpread(this.globalData);
    }
    // #endif
  },
  onLaunch: async function (option) {
    uni.hideTabBar()
    //#ifdef APP
    plus.screen.lockOrientation("portrait-primary");
    //#endif
    let that = this;
    getLogo().then(res => {
      uni.setStorageSync('BASIC_CONFIG', res.data)
    });
    //获取配置
    copyRight().then(res => {
      let data = res.data;
      uni.setStorageSync('wechatStatus', data.wechat_status)
      // #ifndef APP-PLUS
      this.site_config = data.record_No;
      // #endif
      if (!data.copyrightContext && !data.copyrightImage) {
        data.copyrightImage = '/static/images/support.png'
      }
      uni.setStorageSync('copyNameInfo', data.copyrightContext);
      uni.setStorageSync('copyImageInfo', data.copyrightImage);
      // #ifdef MP
      uni.setStorageSync('MPSiteData', JSON.stringify({site_logo: data.site_logo, site_name: data.site_name}));
      // #endif
    }).catch(err => {
      return this.$util.Tips({
        title: err.msg
      });
    });
    colorChange('color_change').then(res => {
      let navigation = res.data.navigation; //判断悬浮导航是否显示
      let statusColor = res.data.status; //判断显示啥颜色
      uni.setStorageSync('navigation', navigation);
      uni.$emit('navOk', navigation);
      uni.setStorageSync('statusColor', statusColor);
      uni.$emit('colorOk', statusColor);
      switch (res.data.status) {
        case 1:
          uni.setStorageSync('viewColor', blue)
          uni.$emit('ok', blue)
          break;
        case 2:
          uni.setStorageSync('viewColor', green)
          uni.$emit('ok', green)
          break;
        case 3:
          uni.setStorageSync('viewColor', red)
          uni.$emit('ok', red)
          break;
        case 4:
          uni.setStorageSync('viewColor', pink)
          uni.$emit('ok', pink)
          break;
        case 5:
          uni.setStorageSync('viewColor', orange)
          uni.$emit('ok', orange)
          break;
        case 6:
          uni.setStorageSync('viewColor', gold)
          uni.$emit('ok', gold)
          break;
        default:
          uni.setStorageSync('viewColor', red)
          uni.$emit('ok', red)
          break
      }
    });
    // 通过vuex获取并储存商品详情,商品分类可视化的数据
    this.$store.dispatch("getDiyProduct");
    // 判断分销uid
    if (option.query.spid) {
      that.$Cache.set('spid', option.query.spid);
      that.globalData.spid = option.query.spid;
    }

    // #ifdef APP-PLUS || H5
    uni.getSystemInfo({
      success: function (res) {
        // 首页没有title获取的整个页面的高度，里面的页面有原生标题要减掉就是视口的高度
        // 状态栏是动态的可以拿到 标题栏是固定写死的是44px
        let height = res.windowHeight - res.statusBarHeight - 44
        // #ifdef H5 || APP-PLUS
        that.globalData.windowHeight = res.windowHeight + 'px'
        // #endif
      }
    });
    // #endif

    // #ifdef MP
    if (HTTP_REQUEST_URL == '') {
      console.error(
          "请配置根目录下的config.js文件中的 'HTTP_REQUEST_URL'\n\n请修改开发者工具中【详情】->【AppID】改为自己的Appid\n\n请前往后台【小程序】->【小程序配置】填写自己的 appId and AppSecret"
      );
      return false;
    }
    this.checkUpdateVersion();
    // #endif
    // getShopConfig().then(res => {
    // 	this.$store.commit('SETPHONESTATUS', res.data.status);
    // });
    // 获取导航高度；
    uni.getSystemInfo({
      success: function (res) {
        that.globalData.navHeight = res.statusBarHeight * (750 / res.windowWidth) + 91;
      }
    });
    // #ifdef MP
    let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
    that.globalData.navH = menuButtonInfo.top * 2 + menuButtonInfo.height / 2;
    const version = uni.getSystemInfoSync().SDKVersion
    if (Routine.compareVersion(version, '2.21.2') >= 0) {
      console.log(version)
      that.$Cache.set('MP_VERSION_ISNEW', true)
    } else {
      that.$Cache.set('MP_VERSION_ISNEW', false)
    }
    // #endif

    // #ifdef H5

    // 添加crmeb chat 统计
    var __s = document.createElement('script');
    __s.src = `${HTTP_REQUEST_URL}/api/get_script`;
    document.head.appendChild(__s);

    uni.getSystemInfo({
      success(e) {
        /* 窗口宽度大于420px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
        if (e.windowWidth > 420 && !window.top.isPC && !/iOS|Android/i.test(e.system)) {
          window.location.pathname = '/static/html/pc.html';
        }
      }
    });
    if (option.query.hasOwnProperty('type')) {
      this.globalData.isIframe = true;
    } else {
      this.globalData.isIframe = false;
    }

    if (window.location.pathname !== '/' && !this.isWork()) {
      let snsapiBase = 'snsapi_base';
      let urlData = location.pathname + location.search;
      if (!that.$store.getters.isLogin && uni.getStorageSync('authIng')) {
        uni.setStorageSync('authIng', false)
      }
      if (!that.$store.getters.isLogin && Auth.isWeixin()) {
        let code,
            state,
            scope = ''

        if (option.query.code instanceof Array) {
          code = option.query.code[option.query.code.length - 1]
        } else {
          code = option.query.code
        }


        if (code && code != uni.getStorageSync('snsapiCode') && location.pathname.indexOf(
            '/pages/users/wechat_login/index') === -1) {
          // 存储静默授权code
          uni.setStorageSync('snsapiCode', code);
          try {
            let res = await silenceAuth({
              code: code,
              snsapi: 'snsapi_base',
              spread_spid: that.$Cache.get('spid')
            }).catch(error => {
              uni.hideLoading()
              return this.$util.Tips({
                title: error
              })
            });
            uni.setStorageSync('snRouter', decodeURIComponent(decodeURIComponent(option.query
                .back_url)));
            if (res.data.key !== undefined && res.data.key) {
              this.$Cache.set('snsapiKey', res.data.key);
            } else {
              let time = res.data.expires_time - this.$Cache.time();
              this.$store.commit('LOGIN', {
                token: res.data.token,
                time: time
              });

              this.$store.commit('SETUID', res.data.userInfo.uid);
              this.$store.commit('UPDATE_USERINFO', res.data.userInfo);
              if (option.query.back_url) {
                location.replace(decodeURIComponent(decodeURIComponent(option.query
                    .back_url)));
              }
            }
          } catch (e) {
            let url = ''
            if (option.query.back_url instanceof Array) {
              url = option.query.back_url[option.query.back_url.length - 1]
            } else {
              url = option.query.back_url
            }
            if (!that.$Cache.has('snsapiKey')) {
              if (location.pathname.indexOf('/pages/users/wechat_login/index') === -1) {
                Auth.oAuth('snsapi_userinfo', url);
              }
            }
          }
        } else {
          if (!this.$Cache.has('snsapiKey')) {
            if (location.pathname.indexOf('/pages/users/wechat_login/index') === -1) {
              Auth.oAuth(snsapiBase, urlData);
            }
          }
        }
      } else {
        if (option.query.back_url) {
          location.replace(uni.getStorageSync('snRouter'));
        }
      }
    }
    // #endif

    // #ifdef MP

    // 小程序静默授权
    if (!this.$store.getters.isLogin) {
      Routine.getCode().then(code => {
        this.silenceAuth(code);
      }).catch(res => {
        uni.hideLoading();
      });
    } else if (this.$store.getters.isLogin && this.getExpired()) {
      //处理小程序有token情况下但是静默授权失败
      this.$Cache.clear(LOGIN_STATUS);
      Routine.getCode().then(code => {
        this.silenceAuth(code);
      })
    }
    // #endif
  },
  methods: {
    // 小程序静默授权
    silenceAuth(code) {
      let that = this;
      let spid = that.globalData.spid ? that.globalData.spid : '';
      silenceAuth({
        code: code,
        spread_spid: spid,
        spread_code: that.globalData.code
      }).then(res => {
            if (res.data.token !== undefined && res.data.token) {
              uni.hideLoading();
              let time = res.data.expires_time - this.$Cache.time();
              that.$store.commit('LOGIN', {
                token: res.data.token,
                time: time
              });
              that.$store.commit('SETUID', res.data.userInfo.uid);
              that.$store.commit('UPDATE_USERINFO', res.data.userInfo);
            }
          }).catch(err => {
        return that.$util.Tips({
          title: err
        })
      });
    },
    isWork() {
      return navigator.userAgent.toLowerCase().indexOf('wxwork') !== -1 && navigator.userAgent.toLowerCase()
          .indexOf("micromessenger") !== -1
    },
    /**
     * 检测当前的小程序
     * 是否是最新版本，是否需要下载、更新
     */
    checkUpdateVersion() {
      //判断微信版本是否 兼容小程序更新机制API的使用
      if (wx.canIUse('getUpdateManager')) {
        const updateManager = wx.getUpdateManager();
        //检测版本更新
        updateManager.onCheckForUpdate(function (res) {
          if (res.hasUpdate) {
            updateManager.onUpdateReady(function () {
              wx.showModal({
                title: '温馨提示',
                content: '检测到新版本，是否重启小程序？',
                showCancel: false,
                success: function (res) {
                  if (res.confirm) {
                    // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                    updateManager.applyUpdate()
                  }
                }
              })
            })
            updateManager.onUpdateFailed(function () {
              // 新版本下载失败
              wx.showModal({
                title: '已有新版本',
                content: '请您删除小程序，重新搜索进入',
              })
            })
          }
        })
      } else {
        wx.showModal({
          title: '溫馨提示',
          content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
        })
      }
    },
    async getExpired() {
      // 通过一个个人中心的接口判断token是否生效，catch捕获到就证明token过期，返回true
      try {
        await getUserInfo();
        return false; // token有效
      } catch (err) {
        return true; // token过期
      }
    }
  },
};
</script>

<style lang="scss">
/* #ifndef APP-PLUS-NVUE || APP-NVUE */
@import url('@/plugin/emoji-awesome/css/tuoluojiang.css');
@import url('@/plugin/animate/animate.min.css');
@import 'static/css/base.css';
@import 'static/iconfont/iconfont.css';
@import 'static/css/unocss.css';
@import 'static/fonts/font.scss';
@import "components/uview-ui/index.scss";

view {
  box-sizing: border-box;
}

page {
  font-family: PingFang SC;
}

.placeholder {
  color: #ccc;
}

.bg-color-red {
  background-color: var(--view-theme) !important;
}

.syspadding {
  padding-top: var(--status-bar-height);
}

.uni-scroll-view::-webkit-scrollbar {
  /* 隐藏滚动条，但依旧具备可以滚动的功能 */
  display: none;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.uni-system-open-location .map-content.fix-position {
  height: 100vh;
  top: 0;
  bottom: 0;
}

/* #endif */
</style>
